<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<h3>工作经历</h3>
		<hr >
		<div id="d" >
			
			公司名称:<input type="text" name="" id="" value="" />
			职位:<input type="text" name="" id="" value="" />
			<a href="#" onclick="b()">删除工作经历</a>
			<table >
				<tr>
					<td>工作职责及工作内容描述:</td>
					<td><textarea rows="7px" cols="60px">
						
					</textarea></td>
				</tr>
				
			</table>
			<hr >
			
		</div>
		<a href="#" style="float: right;" onclick="a()">添加工作经历</a>
	</body>
	<script type="text/javascript">
		function a(){
			var first=document.getElementById('d');
			first.innerHTML+=`
			   <div id="d2">
				<h3>工作经历</h3>
				<hr >
				公司名称:<input type="text" name="" id="" value="" />
			    职位:<input type="text" name="" id="" value="" />
			    <a href="#" onclick="b()">删除工作经历</a>
			    <table >
				<tr>
					<td>工作职责及工作内容描述:</td>
					<td><textarea rows="7px" cols="60px">
						
					</textarea></td>
				</tr>
				
			    </table>
			   <hr >
			   </div>
			`
		}
		function b(){
			var a=document.getElementById('d')
			var b=document.getElementById('d2')
			a.removeChild(b)
		}
	</script>
</html>
